.flex {
    display: flex;
    overflow: hidden;
}
.flex_cm{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex_c {
    display: flex;
    flex-direction: column;
}
.flex>*{
    float:left;
}
.flex_center {
    align-items: center;
}

.flex_sa {
    justify-content: space-around;
}

.flex_bt {
    justify-content: space-between;
}
.flex_end{
    justify-content: flex-end;
}
.flex_start{
    justify-content: flex-start;
}
.flex_1 {
    flex: 1;
}

.flex_none {
    flex: none;
}

.flex_wrap {
    flex-wrap: wrap;
}

.container {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

.text_center{
    text-align: center;
}

.posi_re{
    position: relative;
}
.slh{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slh2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.height100{
    height: 100%;
}
.width100{
    width:100%;
}
.oh{
    overflow: hidden;
}
.cp{
    cursor: pointer;
}
.mt20{
    margin-top:20px;
}
.mr20{
    margin-right:20px;
}
.mb20{
    margin-bottom:20px;
}
.text_orange{
    color:rgb(238, 146, 9);
}
.text_red{
    color:red;
}
.text_green{
    color:green;
}
.white_bg{
    background-color: #fff;
}
.fn{
    float: none;
}
.dib{
    display: inline-block;
}
.fr{
    float: right;
}
.fl{
    float: left;
}